<template>
  <div class="full">
    <div class="revert">
      <!-- <span></span> -->
    </div>
    <div class="equipment betweenbox">
      <div class="equipment-left">
        <Left  @ControlDisplay='ControlDisplay' />
      </div>
      <div class="equipment-right">
        <Right  :isShow='isShow' />
      </div>
    </div>
  </div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import Left from "./modules/Left/index.vue";
import Right from "./modules/Right/index.vue";
import { log } from 'three';

@Component({
  components: { Left, Right }
})
export default class management extends Vue {
//显示模块状态
public isShow:string=''

//控制右边显示模块
ControlDisplay(val:string){
  // this.isShow=''
  this.isShow=val
   console.log(val);
}
}
</script>
<style lang="scss" scoped>
.revert {
  width: 100%;
  height: 0.2rem;
      // line-height: 0.38rem;
  color: #fff;
   text-align: right;
  >span {
    display: inline-block;
        width: 0.9rem;
        height: 0.3rem;
        background: url(../../../assets/img/return.png) no-repeat;
        background-size: 100% 100%;
        vertical-align: middle;
        cursor: pointer;
  }
}
.equipment {
  width: 100%;
  height: calc(100% - 0.2rem);
  &-left {
    width: 3.9rem;
    height: 100%;
  }
  &-right {
    width: calc(100% - 4.1rem);
    height: 100%;
  }
}
</style>